﻿@{
    ViewBag.Title = "ViewCalendar";
}
<link href="/Content/Theme/Default/main.css" rel="stylesheet" type="text/css" />
<link href="/Content/Theme/Default/dailog.css" rel="stylesheet" type="text/css" />
<link href="/Content/Theme/Default/calendar.css" rel="stylesheet" type="text/css" />
<link href="/Content/Theme/Default/dp.css" rel="stylesheet" type="text/css" />
<link href="/Content/Theme/Default/alert.css" rel="stylesheet" type="text/css" />
<link href="/Content/Theme/Shared/blackbird.css" rel="stylesheet" type="text/css" />


<h2>ViewCalendar</h2>
<div>
    <div id="calhead" style="padding-left:1px;padding-right:1px;">
        <div class="cHead">
            <div class="ftitle">我的日程</div>
            <div id="loadingpannel" class="ptogtitle loadicon" style="display: none;">正在加载数据...</div>
            <div id="errorpannel" class="ptogtitle loaderror" style="display: none;">非常抱歉，无法加载您的活动，请稍后再试</div>
        </div>

        <div id="caltoolbar" class="ctoolbar">
            @*<div id="faddbtn" class="fbutton">
                <div><span title='点击新建日程' class="addcal">新建日程</span></div>
            </div>*@
            <div class="btnseparator"></div>
            <div id="showtodaybtn" class="fbutton">
                <div><span title='点击返回当前日期' class="showtoday">今天</span></div>
            </div>
            <div class="btnseparator"></div>
            <div id="showdaybtn" class="fbutton">
                <div><span title='点击切换到日视图' class="showdayview">日</span></div>
            </div>
            <div id="showweekbtn" class="fbutton fcurrent">
                <div><span title='点击切换到周视图' class="showweekview">周</span></div>
            </div>
            <div id="showmonthbtn" class="fbutton">
                <div><span title='点击切换到月视图' class="showmonthview">月</span></div>
            </div>
            <div class="btnseparator"></div>
            <div id="showreflashbtn" class="fbutton">
                <div><span title='刷新' class="showdayflash">刷新</span></div>
            </div>
            <div class="btnseparator"></div>
            <div id="sfprevbtn" title="上一个" class="fbutton">
                <span class="fprev"></span>
            </div>
            <div id="sfnextbtn" title="下一个" class="fbutton">
                <span class="fnext"></span>
            </div>
            <div class="fshowdatep fbutton">
                <div>
                    <input type="hidden" name="txtshow" id="hdtxtshow" />
                    <span id="txtdatetimeshow">Loading</span>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div style="padding:1px;">
        <div class="t1 chromeColor">
            &nbsp;
        </div>
        <div class="t2 chromeColor">
            &nbsp;
        </div>
        <div id="dvCalMain" class="calmain printborder">
            <div id="gridcontainer" style="overflow-y: visible;">
            </div>
        </div>
        <div class="t2 chromeColor">
            &nbsp;
        </div>
        <div class="t1 chromeColor">
            &nbsp;
        </div>
    </div>
</div>
<script src="/Javascripts/jquery.js" type="text/javascript"></script>
<script src="/Javascripts/Common.js" type="text/javascript"></script>
<script src="/Javascripts/lib/blackbird.js" type="text/javascript"></script>
<script src="/Javascripts/Plugins/jquery.datepicker.js" type="text/javascript"></script>
<script src="/Javascripts/Plugins/jquery.alert.js" type="text/javascript"></script>
<script src="/Javascripts/Plugins/jquery.ifrmdailog.js" defer="defer" type="text/javascript"></script>
<script src="/Javascripts/Plugins/jquery.calendar.encode.js?v=1.3" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        //[id,title,start,end，全天日程，跨日日程,循环日程,theme,'','']
        var view="week";
        @Html.Partial("_CurrentCalData");
         var op = {
             view: view,
             theme:3,
             showday: new Date(),
             EditCmdhandler:Edit,
             DeleteCmdhandler:Delete,
             ViewCmdhandler:View,
             onWeekToDay:wtd,
             onBeforeRequestData: cal_beforerequest,
             onAfterRequestData: cal_afterrequest,
             onRequestDataError: cal_onerror,
             url: "@Url.Action("GetPersonalCalViewData")" ,
        quickAddUrl: "@Url.Action("QuickAddPersonalCal")", //快速添加日程Post Url 地址
        quickUpdateUrl:"@Url.Action("QuickUpdatePersonalCal")",
        quickDeleteUrl: "@Url.Action("QuickDeletePersonalCal")"//快速删除日程的
    };
    var $dv = $("#calhead");
    var _MH = document.documentElement.clientHeight;
    var dvH = $dv.height() + 2;
    op.height = _MH - dvH;
    op.eventItems =__CURRENTDATA;

    var p = $("#gridcontainer").bcalendar(op).BcalGetOp();
    if (p && p.datestrshow) {
        $("#txtdatetimeshow").text(p.datestrshow);
    }
    $("#caltoolbar").noSelect();

    $("#hdtxtshow").datepicker({ picker: "#txtdatetimeshow", showtarget: $("#txtdatetimeshow"),
        onReturn:function(r){
            var p = $("#gridcontainer").BCalGoToday(r).BcalGetOp();
            if (p && p.datestrshow) {
                $("#txtdatetimeshow").text(p.datestrshow);
            }
        }
    });
    function cal_beforerequest(type)
    {
        var t="正在加载数据...";
        switch(type)
        {
            case 1:
                t="正在加载数据...";
                break;
            case 2:
            case 3:
            case 4:
                t="正在处理请求...";
                break;
        }
        $("#errorpannel").hide();
        $("#loadingpannel").html(t).show();
    }
    function cal_afterrequest(type)
    {
        switch(type)
        {
            case 1:
                $("#loadingpannel").hide();
                break;
            case 2:
            case 3:
            case 4:
                $("#loadingpannel").html("操作成功!");
                window.setTimeout(function(){ $("#loadingpannel").hide();},2000);
                break;
        }

    }
    function cal_onerror(type,data)
    {
        $("#errorpannel").show();
    }
    function Edit(data)
    {
        var eurl="@Url.Action("EditCalendar")/{0}?start={2}&end={3}&isallday={4}&title={1}";
        if(data)
        {
            var url = StrFormat(eurl,data);
            OpenModelWindow(url,{ width: 600, height: 400, caption: "管理日程",onclose:function(){
                $("#gridcontainer").BCalReload();
            }});
        }
    }
    function View(data)
    {
        var vurl="@Url.Action("ViewCalendar")/{0}";
        if(data)
        {
            var url = StrFormat(vurl,data);
            OpenModelWindow(url,{ width: 600, height: 400, caption: "查看日程"});
        }
    }
    function Delete(data,callback)
    {
        hiConfirm("是否要删除该日程", '确认',function(r){ r && callback(0);});
    }
    function wtd(p)
    {
        if (p && p.datestrshow) {
            $("#txtdatetimeshow").text(p.datestrshow);
        }
        $("#caltoolbar div.fcurrent").each(function() {
            $(this).removeClass("fcurrent");
        })
        $("#showdaybtn").addClass("fcurrent");
    }
    //显示日视图
    $("#showdaybtn").click(function(e) {
        //document.location.href="#day";
        $("#caltoolbar div.fcurrent").each(function() {
            $(this).removeClass("fcurrent");
        })
        $(this).addClass("fcurrent");
        var p = $("#gridcontainer").BCalSwtichview("day").BcalGetOp();
        if (p && p.datestrshow) {
            $("#txtdatetimeshow").text(p.datestrshow);
        }
    });
    //显示周视图
    $("#showweekbtn").click(function(e) {
        //document.location.href="#week";
        $("#caltoolbar div.fcurrent").each(function() {
            $(this).removeClass("fcurrent");
        })
        $(this).addClass("fcurrent");
        var p = $("#gridcontainer").BCalSwtichview("week").BcalGetOp();
        if (p && p.datestrshow) {
            $("#txtdatetimeshow").text(p.datestrshow);
        }

    });
    //显示月视图
    $("#showmonthbtn").click(function(e) {
        //document.location.href="#month";
        $("#caltoolbar div.fcurrent").each(function() {
            $(this).removeClass("fcurrent");
        })
        $(this).addClass("fcurrent");
        var p = $("#gridcontainer").BCalSwtichview("month").BcalGetOp();
        if (p && p.datestrshow) {
            $("#txtdatetimeshow").text(p.datestrshow);
        }
    });

    $("#showreflashbtn").click(function(e){
        $("#gridcontainer").BCalReload();
    });

    //点击新增日程
    $("#faddbtn").click(function(e) {
        var url ="@Url.Action("EditCalendar")";
        OpenModelWindow(url,{ width: 500, height: 400, caption: "新增日程"});
    });
    //点击回到今天
    $("#showtodaybtn").click(function(e) {
        var p = $("#gridcontainer").BCalGoToday().BcalGetOp();
        if (p && p.datestrshow) {
            $("#txtdatetimeshow").text(p.datestrshow);
        }


    });
    //上一个
    $("#sfprevbtn").click(function(e) {
        var p = $("#gridcontainer").BCalPrev().BcalGetOp();
        if (p && p.datestrshow) {
            $("#txtdatetimeshow").text(p.datestrshow);
        }

    });
    //下一个
    $("#sfnextbtn").click(function(e) {
        var p = $("#gridcontainer").BCalNext().BcalGetOp();
        if (p && p.datestrshow) {
            $("#txtdatetimeshow").text(p.datestrshow);
        }
    });

    });
</script>